<!DOCTYPE html>
<!--攻略展示页面-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>西安旅游首页</title>
    <link rel="stylesheet" th:href="@{/base.css}" href="./base.css">
    <link rel="stylesheet" th:href="@{/index.css}" href="./index.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        #text{
            width: 800px;
            margin: 0 auto;
            background-color: gainsboro;
            height: auto;
        }
        .leftchoose{
            width: 80px;
            height: 300px;
        }
    </style>
</head>
<body>
<!--顶部导航区域-->
<div class="top">
    <div class="top_in">
        <div class="top_left">
            <h1>
                <p title="大美西安">大美西安</p>
            </h1>
        </div>
        <div class="top_right">
            <ul class="top_nav">
                <li><a th:href="@{/recommend/spot/all(start=0)}">景点介绍</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        游玩攻略
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">1天</a></li>
                        <li><a href="#">2天</a></li>
                        <li><a href="#">3天</a></li>
                        <li><a href="#">4天</a></li>
                        <li><a href="#">5天</a></li>
                        <li><a href="#">6天</a></li>
                        <li><a href="#">7天</a></li>
                    </ul>
                </li>
                <li><a href="http://localhost:8081/web/product">天气预报</a></li>
                <li><a href="">西安tips</a></li>
            </ul>
            <ul class="top_login">
                <li><a href="">注册</a></li>
                <li><a href="">登录</a></li>
                <li><a href=""></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="leftchoose">
    <ul>
        <li>攻略合集</li>
        <li>联系景点</li>
        <li>3D全景</li>
    </ul>
</div>
<div id="text">
    <img src="">
</div>
<script th:inline="javascript">
    document.getElementById('text').innerHTML = [[${blog}]];
</script>
</body>
</html>